<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="angular.js"></script>
    <script src="personController.js"></script>
    <style>
        table, th, td {
            border: 1px solid grey;
            border-collapse: collapse;
            padding: 5px;
        }

        table tr:nth-child(odd) {
            background-color: #f1f1f1;
        }

        table tr:nth-child(even) {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
    <p>姓名为{{lastName | uppercase}}</p>

    <p>网页地址为{{myUrl | uppercase}}</p>

    <div>
        <!--{{myWelcome}}-->
        {{myDoc}}
    </div>
    <p>时间：

    <h1>{{theTime}}</h1></p>
    <ul>
        <li ng-repeat="x in names">
            {{x.Name+', '+x.Country}}
        </li>
    </ul>
    <select ng-model="selectedSite">
        <option ng-repeat="x in sites" value="{{x.url}}">{{x.site}}</option>
    </select>

    <h1>你选择的是：{{selectedSite}}</h1>
    <table>
        <tr ng-repeat="x in names">
            <td>{{x.Name}}</td>
            <td>{{x.Country}}</td>
        </tr>
    </table>

</div>
</body>
</html>